<template>
  <div>
    <div class="det_tab">
      <div v-if="list.length">
        <van-row
          v-for="(item, index) in list"
          :key="index"
          class="operate_row"
        >
          <van-col
            span="2"
            style="padding-top: 4px;"
          >{{ index + 1 }}</van-col>
          <van-col
            span="4"
            style="padding-top: 4px;"
          >{{ item.LevelName }}</van-col>
          <van-col
            span="18"
            style="line-height:20px;word-break:break-all"
          >{{ item.OperateContent }} </van-col>

        </van-row>
      </div>
      <div v-else>
        <van-row class="none_row">
          <van-col span="4">#</van-col>
          <van-col span="6">层级说明</van-col>
          <van-col span="10">操作说明</van-col>
        </van-row>
      </div>
    </div>
  </div>
</template>

<script>
import { getApproveDetail } from "@/api/trainingplanlist";
export default {
  components: {},
  data() {
    return {
      id: this.$route.query.recordID,
      border: false,
      list: [],
      name: "",
    };
  },

  created() {
    this.geDetail();
  },

  methods: {
    // 获取详情
    geDetail() {
      getApproveDetail({
        recordID: this.id,
        operate: "publish",
        opController: this.$route.query.opController,
      }).then((res) => {
        this.list = res.data;
      });
    },
  },
};
</script>

<style lang="less" scoped>
.det_tab {
  background-color: #e8f1f8;
  min-height: 100vh;
}

.operate_row,
.none_row {
  padding: 10px;
  font-size: 13px;
  background-color: #fff;
  border-bottom: 1px solid #e8f1f8;
  /*margin-bottom: 10px;*/
}
</style>
